<template>
	<view style="padding: 20rpx 40rpx;">
      <view style="padding: 20rpx 40rpx;" class="bt_primary">
		  <view style="position: relative; display: flex;padding: 20rpx 0;">
		  	<view style="position: absolute;top: 0;right: 0;font-size: 28rpx;color: blue" @click="handlerToEdit"><text style="color: black;">帖子id:</text>12335</view>
		  	<view>
				<view style="display: flex;justify-content: center;">
					<u-avatar size="150rpx" src="https://img01.yzcdn.cn/vant/cat.jpeg"></u-avatar>
				</view>
			</view>
			<view class="" style="display: flex;flex-direction: column;justify-content: center;flex: 1;padding: 20rpx 0;">
				<view style="text-align: center;font-size: 36rpx;font-weight: 600;">土拨鼠</view>
				<view style="text-align: center;font-size: 24rpx;color: #666;margin-top: 20rpx;">12-13 00:00发布</view>
			</view>
		  </view>
		  <!-- 表单 -->
		  <view>
			  <view style="padding: 10rpx 0;border-bottom:2px solid #127c72;margin-bottom: 40rpx;" class="">
			 		<u-button :custom-style="customStyle" type="error"  size="small" text="举报"></u-button>

			  </view>
		  	<view style="display: flex;padding: 10rpx 0;border-bottom:2px solid #127c72;margin-bottom: 40rpx;" class="">
		  		<text style="font-size: 28rpx;margin-right: 20rpx;color:#215fa5;font-weight: bold;">源地址:</text>
		  		<text style="font-size: 30rpx;font-weight: bold;">二狗子</text>
		  	</view>
		  	<view style="display: flex;padding: 10rpx 0;border-bottom:2px solid #127c72;margin-bottom: 40rpx;" class="">
		  		<text style="font-size: 28rpx;margin-right: 20rpx;color:#215fa5;font-weight: bold;">送至:</text>
		  		<text style="font-size: 30rpx;font-weight: bold;">22232323</text>
		  	</view>
		  	<view style="display: flex;padding: 10rpx 0;border-bottom:2px solid #127c72;margin-bottom: 40rpx;" class="">
		  		<text style="font-size: 28rpx;margin-right: 20rpx;color:#215fa5;font-weight: bold;">佣金:</text>
		  		<text style="font-size: 36rpx;font-weight: bold;color: red;">111.00 <text style="color: black;margin-left: 20rpx;">RMB</text></text>
		  	</view>
		  	<view>
		  		<view style="font-size: 28rpx;margin-right: 20rpx;color:#215fa5;font-weight: bold;">具体内容:</view>
		  		<view style="font-size;height: 220rpx;overflow-y: auto;background: white;padding: 10rpx;font-weight: 600;">
		  			<text v-for="item in 500">帅</text>
		  		</view>
		  	</view>
			<!-- 评论区 -->
			<view class="bt_top_primary bt_bottom_primary" style="color: #215fa5;;text-align: center;padding:  20rpx 0;margin-top: 20rpx;">
				评论区
			</view>
			<view>
				<view v-for="(item,index) in 20" style="padding: 20rpx;">
					<view style="display: flex;align-items: center;">
						<u-avatar size="80rpx" src="https://img01.yzcdn.cn/vant/cat.jpeg"></u-avatar>
						<view style="color: #666;margin-left: 20rpx;">xxx</view>
					</view>
					<view style="font-size: 24rpx;">
						<text v-for="(item,index) in 100">好吃</text>
					</view>
				</view>
			</view>
		  
		  </view>
	  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				customStyle: {
								 // 注意驼峰命名，并且值必须用引号包括，因为这是对象
								with: '100rpx'
							}
			}
		},
		methods: {
			handlerToAll(){
				uni.navigateTo({
					url:"/pages/show-all-post/show-all-post"
				})
			},
			handlerToEdit(){
				uni.navigateTo({
					url:"/pages/edit-personal/edit-personal"
				})
			}
		}
	}
</script>

<style>
page{
	background: #f4f5f4;
}
.custom-style {
		
		width: 100rpx;
	}
</style>
